<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="custom/css/login.css" rel="stylesheet">
<link href="custom/css/confirmRegister.css" rel="stylesheet">

<title>Assign Job</title>


</head>
<body class="activateAppearAnimation">
	<!-- Header		 -->
	<jsp:include page="core/template/HEADER.jsp"></jsp:include>
	<header class="page-header">
	<div class="container">
		<div class="row">
			<div class="col-sm-6">
				<h1>Assign Job</h1>
			</div>

		</div>
	</div>
	</header>
	<!-- End Header -->

	<!-- Content -->
	<section id="content" class="mt15 pb15">
	<div class="container">

		<div class="row" align="center">
			<div class="col-md-12 col-sm-12 col-xs-12">
				<div class="container">
					<div class="row">
						<form class="form-signin mg-btm">
							<h3 class="heading-desc">ขอความช่วยเหลือในการลงชื่อเข้าใช้</h3>
							<div class="social-box">
								<div class="row mg-btm">
									<div class="col-md-12">
										<a href="#" class="btn btn-primary btn-block"> <i
											class="icon-facebook-squared" style="font-size: 23px;"></i>
											สมัครสมาชิกผ่านทาง Facebook
										</a>
									</div>
								</div>
							</div>

							<div class="col-md-12 mb15">
								<hr class="lineLines">
							</div>

							<div class="main">
								<input type="text" class="form-control" placeholder="Email"
									autofocus> <input type="text" class="form-control"
									placeholder="Username" > <input type="password"
									class="form-control" placeholder="Password">
									<input type="password"
									class="form-control" placeholder="Confirm Password">
									
									<div align="center"> คุณต้องการเป็น..</div><button><input type="radio" >dfsdfdsfdsfds</button>
								<div align="left">
									<input type="checkbox" name="remember">
									จดจำฉันไว้ในระบบ
								</div>
							</div>
							<div class="login-footer">
								<div class="row">
									<div class="col-xs-5 col-md-6">
										<div align="left">
											<a href=""><i class="icon-key "></i>ลืมรหัสผ่าน</a><br>
											<a href=""><i class="icon-user-1"></i>สมัครสมาชิก</a>
										</div>
									</div>
									<div class="col-xs-7 col-md-6 pull-right">
										<button type="button" class="btn btn-success pull-right">
											<div>
												<span class="font3"><i class="icon-login"></i>เข้าสู่ระบบ</span>
											</div>
										</button>
									</div>
								</div>

							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</section>
	<!-- End Content -->


	<section style="background: #efefe9;">
		<div class="container">
			<div class="row">
				<div class="form-confirm">
					<!-- <h2>Welcome to IGHALO!<sup>™</sup></h2>-->
					<div class="board-inner">
						<ul class="nav nav-tabs" id="myTab">
							<div class="liner"></div>
							<li class="active"><a href="#home" data-toggle="tab"
								title="welcome"> <span class="round-tabs one"> <i
										class="glyphicon glyphicon-home"></i>
								</span>
							</a></li>

							<li><a href="#profile" data-toggle="tab" title="profile">
									<span class="round-tabs two"> <i
										class="glyphicon glyphicon-user"></i>
								</span>
							</a></li>
							<li><a href="#messages" data-toggle="tab"
								title="bootsnipp goodies"> <span class="round-tabs three">
										<i class="glyphicon glyphicon-gift"></i>
								</span>
							</a></li>

							<li><a href="#settings" data-toggle="tab" title="blah blah">
									<span class="round-tabs four"> <i
										class="glyphicon glyphicon-comment"></i>
								</span>
							</a></li>

							<li><a href="#doner" data-toggle="tab" title="completed">
									<span class="round-tabs five"> <i
										class="glyphicon glyphicon-ok"></i>
								</span>
							</a></li>

						</ul>
					</div>

					<div class="tab-content">
						<div class="tab-pane fade in active" id="home">

							<h3 class="head text-center">
								Welcome to Bootsnipp<sup>™</sup> <span style="color: #f48260;">♥</span>
							</h3>
							<p class="narrow text-center">Lorem ipsum dolor sit amet, his
								ea mollis fabellas principes. Quo mazim facilis tincidunt ut,
								utinam saperet facilisi an vim.</p>

							<p class="text-center">
								<a href="" class="btn btn-success btn-outline-rounded green">
									start using bootsnipp <span style="margin-left: 10px;"
									class="glyphicon glyphicon-send"></span>
								</a>
							</p>
						</div>
						<div class="tab-pane fade" id="profile">
							<h3 class="head text-center">
								Create a Bootsnipp<sup>™</sup> Profile
							</h3>
							<p class="narrow text-center">Lorem ipsum dolor sit amet, his
								ea mollis fabellas principes. Quo mazim facilis tincidunt ut,
								utinam saperet facilisi an vim.</p>

							<p class="text-center">
								<a href="" class="btn btn-success btn-outline-rounded green">
									create your profile <span style="margin-left: 10px;"
									class="glyphicon glyphicon-send"></span>
								</a>
							</p>

						</div>
						<div class="tab-pane fade" id="messages">
							<h3 class="head text-center">Bootsnipp goodies</h3>
							<p class="narrow text-center">Lorem ipsum dolor sit amet, his
								ea mollis fabellas principes. Quo mazim facilis tincidunt ut,
								utinam saperet facilisi an vim.</p>

							<p class="text-center">
								<a href="" class="btn btn-success btn-outline-rounded green">
									start using bootsnipp <span style="margin-left: 10px;"
									class="glyphicon glyphicon-send"></span>
								</a>
							</p>
						</div>
						<div class="tab-pane fade" id="settings">
							<h3 class="head text-center">Drop comments!</h3>
							<p class="narrow text-center">Lorem ipsum dolor sit amet, his
								ea mollis fabellas principes. Quo mazim facilis tincidunt ut,
								utinam saperet facilisi an vim.</p>

							<p class="text-center">
								<a href="" class="btn btn-success btn-outline-rounded green">
									start using bootsnipp <span style="margin-left: 10px;"
									class="glyphicon glyphicon-send"></span>
								</a>
							</p>
						</div>
						<div class="tab-pane fade" id="doner">
							<div class="text-center">
								<i class="img-intro icon-checkmark-circle"></i>
							</div>
							<h3 class="head text-center">
								thanks for staying tuned! <span style="color: #f48260;">♥</span>
								Bootstrap
							</h3>
							<p class="narrow text-center">Lorem ipsum dolor sit amet, his
								ea mollis fabellas principes. Quo mazim facilis tincidunt ut,
								utinam saperet facilisi an vim.</p>
						</div>
						<div class="clearfix"></div>
					</div>

				</div>
			</div>
		</div>
	</section>
	<script type="text/javascript">
$(function(){
$('a[title]').tooltip();
});
</script>


	<!-- Footer		 -->
	<jsp:include page="core/template/FOOTER.jsp"></jsp:include>

	<!-- End Footer -->
</body>
</html>